<template>
	<div class="header">
    <router-link to="/menu" class="icon-menu" tag="span">
      <img src="@/assets/img/icon-logo.png" alt="">
    </router-link>
    <!-- <span class="title">悦听Music</span> -->
    <!-- <router-link to="/user" class="icon-mine" tag="span">
      <img src="@/assets/img/icon-mines.png" alt="">
    </router-link> -->
	</div>
</template>

<script>
export default {
  
}
</script>

<style lang="scss" scoped>
@import "@/assets/css/mixin.scss";
img {
  display: inline-block;
  /* width: rem(30); */
  height: rem(30);
  margin: rem(10);
}
.header {
  width: 100%;
  height: rem(44);
  background: $background-color;
  box-sizing: border-box;
  position: relative;
  z-index: 100;
}
.header span {
  display: inline-block;
  width: rem(44);
	height: 100%;
}
.header .icon-menu {
  position: absolute;
  top: 0;
  left: 0;
}
/* .header .title {
	display: inline-block;
  width: 100%;
	height: 100%;
  color: #ffcd32;
  font-size: rem(18);
  text-align: center;
  line-height: rem(44);
} */
/* .header .icon-mine {
  position: absolute;
  top: 0;
  right: 0;
} */

</style>